<!-- 发现页面 -->
<template>
  <transition mode="out-in" enter-active-class="animated fadeInLeft" leave-active-class="animated fadeOutRight">
    <div id="findPage">
      <!-- 头部菜单栏 -->
      <HomeHead :selectBtn="selectBtn"></HomeHead>
      <!-- 内容区域 -->
      <div class="content_box_out">
        <div class="content_box">
          发现
        </div>
      </div>
    </div>
  </transition>
</template>

<script>
import HomeHead from '../components/HomeHead'
export default {
  name: 'findPage',
  el: '#findPage',
  components: {
    'HomeHead': HomeHead
  },
  data () {
    return {
      selectBtn: 2
    }
  },
  computed: {
  },
  methods: {
  }
}
</script>

<style scoped>
  /*@import 'xxx.css';*/
  #findPage{
    height: 100%;
    width: 100%;
    background-color: #f6f6f6;
    overflow: scroll;
    overflow-x:hidden;
    position: absolute;
  }

  .content_box_out{
    height: auto;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #000;
    font-size: 20px;
  }

  .content_box{
    height: auto;
    width: 100%;
    margin-top: 62px;
    position: absolute;
  }
</style>
